/* Variables Start*/
@white:#fff;
@gray-0: #f7f8fa;
@gray-1: #f2f3f5;
@gray-2: #e4e4e4;
@gray-3: #c9cdd4;
@gray-4: #a9aeb8;
@gray-5: #86909c;
@gray-6: #6b7785;
@gray-7: #4e5969;
@gray-8: #272e3b;
@gray-9: #1d2129;
@blue-0: #E8F7FF;
@blue-1: #C3E7FE;
@blue-2: #9FD4FD;
@blue-3: #7BC0FC;
@blue-4: #57A9FB;
@blue-5: #3491FA;
@blue-6: #206CCF;
@blue-7: #114BA3;
@blue-8: #063078;
@blue-9: #001A4D;
@red-0: #FFECE8;
@red-1: #FDCDC5;
@red-2: #FBACA3;
@red-3: #F98981;
@red-4: #F76560;
@red-5: #F53F3F;
@red-6: #d32625;
@red-7: #A1151E;
@red-8: #770813;
@red-9: #4D000A;
@purple-0: #EFE8FF;
@purple-1: #D5C9F6;
@purple-2: #BBABED;
@purple-3: #A190E5;
@purple-4: #8776DC;
@purple-5: #6C5DD3;
@purple-6: #473BB1;
@purple-7: #272090;
@purple-8: #0F0C6E;
@purple-9: #00004D;
@green-0: #E8FFEA;
@green-1: #AFF0B5;
@green-2: #7BE188;
@green-3: #4CD263;
@green-4: #23C343;
@green-5: #00B42A;
@green-6: #009A29;
@green-7: #008026;
@green-8: #006622;
@green-9: #004D1C;
@trans-white-1:rgba(255,255,255,.1);
@trans-white-2:rgba(255,255,255,.2);
@trans-white-3:rgba(255,255,255,.3);
@trans-white-7:rgba(255,255,255,.75);
@trans-white-8:rgba(255,255,255,.85);
@trans-white-9:rgba(255,255,255,.95);
@trans-black-1:rgba(0,0,0,.01);
@trans-black-2:rgba(0,0,0,.2);
@trans-black-3:rgba(0,0,0,.3);
@trans-black-7:rgba(0,0,0,.75);
@trans-black-8:rgba(0,0,0,.85);
@trans-black-9:rgba(0,0,0,.95);
@trans-gray-dark:rgba(29,33,41,.95);
@trans-red-dark:rgba(221, 38, 37,.85);
/* Variables End*/

@dark: @gray-7;